<template>
  <div class="container-fluid">
    <htedialog v-bind="{first}"></htedialog>
    <div class="row baner1">
      <div class="container1200"></div>
    </div>
    <div class="row connersss">
      <div class="container993 containerrsss"></div>
    </div>
    <footers></footers>
    <Copyright></Copyright>
  </div>
</template>
<script>
import htedialog from "./htedialog.vue";
import footers from "./footers.vue";
import Copyright from "./Copyright.vue";
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    first(v) {
      if (v == 1) {
        return "first";
      }
    },
    setdialogVisible(v) {
      this.dialogVisible = v;
    },
    onSubmit() {}
  },
  components: {
    htedialog,
    Copyright,
    footers
  }
};
</script>

<style scoped>
.container1200 {
  width: 1200px;
  margin: 0 auto;
}
.container993 {
  width: 993px;
  margin: 0 auto;
}

.baner1 {
  height: 550px;
  background-image: url("https://hteweb.oss-cn-qingdao.aliyuncs.com/web2/banner_curriculum.png");
  background-size: center/cover;
  background-repeat: no-repeat;
  background-position: center;
}
.connersss {
  background-image: url("https://hteweb.oss-cn-qingdao.aliyuncs.com/web2/elementbg.png");
  background-size: center/cover;
  background-repeat: no-repeat;
  background-position: center;
}
.containerrsss {
  margin-top: 130px;
  height: 9095px;
  background-image: url("https://hteweb.oss-cn-qingdao.aliyuncs.com/web2/element.png");
  background-size: center/cover;
  background-repeat: no-repeat;
  background-position: center;
}
.row {
  min-width: 1200px;
}
</style>

